<template >
    <el-container class="homecontainer">
        <el-header>
            <div class="head">
                <div style="font-size:x-large;font-weight: bold" class="div1">His信息管理系统</div>
                <div class="div2">
                    <el-dropdown>
                        <span class="el-dropdown-link">
                            下拉菜单<i class="el-icon-arrow-down el-icon--right" style="margin-right: 15px"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>修改密码</el-dropdown-item>
                            <el-dropdown-item @click="loginOut">退出登录</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </div>
            </div>


        </el-header>
        <el-container>
            <el-aside width="200px">
                <el-menu router default-active="2" class="el-menu-vertical-demo" background-color="#545c64"
                    text-color="#fff" active-text-color="#00BFFF" @open="handleOpen" @close="handleClose">
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-platform-eleme"></i><span>挂号收费</span></template>
                        <el-menu-item index="/registration">窗口挂号</el-menu-item>
                        <el-menu-item index="/return">窗口退号</el-menu-item>
                        <el-menu-item index="/farecheck">收费和费用查询</el-menu-item>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title"><i class="el-icon-platform-eleme"></i><span>门诊医生</span></template>
                        <el-menu-item index="/call">患者叫号</el-menu-item>
                        <el-menu-item index="/medicalRecord">病历首页</el-menu-item>
                        <el-menu-item index="/checkapplication">检查申请</el-menu-item>
                        <el-menu-item index="/inspectionapplication">检验申请</el-menu-item>
                        <el-menu-item index="/prescriptionapplication">开设处方</el-menu-item>
                        <el-menu-item index="/resultquery">结果查询</el-menu-item>
                    </el-submenu>
                    <el-submenu index="3">
                        <template slot="title"><i class="el-icon-platform-eleme"></i><span>药房管理</span></template>
                        <el-menu-item index="/drugstoragedistributeView">发药</el-menu-item>
                        <el-menu-item index="/drugstoragereturn">退药</el-menu-item>
                        <el-menu-item index="/drugstoragemanage">药库管理</el-menu-item>
                    </el-submenu>
                    <el-submenu index="4">
                        <template slot="title"><i class="el-icon-platform-eleme"></i><span>检验管理</span></template>
                        <el-menu-item index="/application">检验申请</el-menu-item>
                        <el-menu-item index="/recorded">患者录入</el-menu-item>
                    </el-submenu>
                    <el-submenu index="5">
                        <template slot="title"><i class="el-icon-platform-eleme"></i><span>检查管理</span></template>
                        <el-menu-item index="/apply">检查申请</el-menu-item>
                        <el-menu-item index="/jcjgRecorded">患者录入</el-menu-item>
                        <el-menu-item index="/PatientRecorded1">检查结果录入</el-menu-item>
                        <el-menu-item index="/manage">检查管理</el-menu-item>
                    </el-submenu>
                    <el-submenu index="6">
                        <template slot="title"><i class="el-icon-platform-eleme"></i><span>处置管理</span></template>
                        <el-menu-item index="/disposalmanagement">处置管理</el-menu-item>
                        <el-menu-item index="/application1">处置申请</el-menu-item>
                    </el-submenu>
                </el-menu>
            </el-aside>
            <el-container>
                <el-main height="300px">
                    <router-view></router-view>
                </el-main>
                <el-footer height="60px">2023-Spring Boot-Vue-Element-ui-Mybatis-Plus</el-footer>
            </el-container>
        </el-container>
    </el-container>
</template>
<style></style>
<script>
export default {
    methods: {
        handleClick(row) {
            console.log(row);
        },
        handleOpen() {
        },
        handleClose() {
        },
        loginOut(){
            this.$message.error("退出成功")
            console.log(this.$router)
            this.$router.push("/login")
        }
    },
    data() {

        return {

        }
    }
}
</script>

<style scoped>
.homecontainer {
    height: 763px;
    width: 100%;

}

.head {
    display: flex;
    flex-direction: row;
}

.div1 {
    align-items: center;
    margin-top: 25px;
}

.div2 {
    margin-left: 1270px;
    margin-top: 30px;
    float: right;
    font-size: 12px;
}

.el-header {
    background-color: #1b7cfbbb;
    color: #333;
    text-align: center;
    line-height: 10px;
}

.el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
}

.el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
}

.el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 10px;
}

.el-dropdown-link {
    cursor: pointer;
    color: #010e1b;
}

.el-icon-arrow-down {
    font-size: 12px;
}
</style>